<!DOCTYPE HTML>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="apple-mobile-web-app-capable" content="yes" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
        <title>转盘</title>
        <style>
			*{padding:0;margin:0}
			body{
				text-align:center
			}
			.ly-plate{
				position:relative;
				width:509px;
				height:509px;
				margin: 50px auto;
			}
			.rotate-bg{
				width:509px;
				height:509px;
				background:url(ly-plate.png);
				position:absolute;
				top:0;
				left:0
			}
			.ly-plate div.lottery-star{
				width:214px;
				height:214px;
				position:absolute;
				top:150px;
				left:147px;
				/*text-indent:-999em;
				overflow:hidden;
				background:url(rotate-static.png);
				-webkit-transform:rotate(0deg);*/
				outline:none
			}
			.ly-plate div.lottery-star #lotteryBtn{
				cursor: pointer;
				position: absolute;
				top:0;
				left:0;
				*left:-107px
			}
		</style>
    </head>
    <body>
    	<div class="ly-plate">
			<div class="rotate-bg"></div>
			<div class="lottery-star"><img src="rotate-static.png" id="lotteryBtn"></div>
		</div>
        <script type="text/javascript" src="../../../js/bootstrap.js"></script>
    </body>
</html>